<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
   
    <h:body>      
        <ui:composition template="./plantilla/plantilla.xhtml">
            <ui:define name="center">
                <div class="h_title">Lista de Ciclos</div>
                <h:form id="form">
                    <p:growl id="grwCiclo" showDetail="true"  />
                    <p:panel id="panellista" style="font-size:small;margin: auto">
                    <p:dataTable id="dtbCiclo" var="ciclo" 
                       value="#{cicloController.listaCiclo}"
                       sortMode="multiple" rows="10" paginator="true"
                       paginatorPosition="bottom"
                       style="width: 100%;float: center">
                        
                        
                        <p:column headerText="Nombre" style="width:20%">  
                            <h:outputText value="#{ciclo.VNombre}" />  
                        </p:column>  
                        
                        <p:column headerText="Facultad" style="width:25%">  
                            <h:outputText value="#{ciclo.NFctId.VNombre}" />  
                        </p:column>  

                        <p:column headerText="Fecha Inicial" style="width:20%">                                           
                            <h:outputText value="#{ciclo.dtFchIni}" >
                                <f:convertDateTime pattern="yyyy-MM-dd"/>
                            </h:outputText>                                            
                        </p:column>  

                        <p:column headerText="Fecha Final" style="width:20%">
                            <h:outputText value="#{ciclo.dtFchFin}" >
                                <f:convertDateTime pattern="yyyy-MM-dd"/>
                            </h:outputText>                                            
                        </p:column>

                        <p:column headerText="Estado" style="width:12%">  
                            <h:outputText value="#{ciclo.VEstado}" />  
                        </p:column>  

                        <p:column style="width:4%">  
                            <p:commandButton id="btnTerminarCiclo"
                               icon="ui-icon-pencil" title="Terminar Ciclo"
                               onclick="vdlgTerminarCiclo.show()">  
    <!-- update=":form:display" oncomplete="PF('carDialog').show()" -->                      
                                <f:setPropertyActionListener value="#{ciclo}"
                                 target="#{cicloController.cicloSeleccionado}"/> 
                            </p:commandButton>  
                        </p:column>  
                    </p:dataTable>
                    </p:panel>                            
                </h:form>
                <h:form id="formTerminarCiclo">
                    <p:dialog id="dlgTerminarCiclo" header="Terminar Ciclo" modal="true"
                    widgetVar="vdlgTerminarCiclo" width="310" height="90" 
                    resizable="false" showEffect="clip" hideEffect="clip" 
                    style="position:absolute;">
                        <p:panelGrid id="pnlTerminar" >
                            <p:row>
                                <p:column colspan="2" >  
                                    <h:outputText value="¿Esta seguro que desea cerrar el Ciclo?"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:commandButton id="btnTerminarSi" value="Sí"
                                                update=":form:dtbCiclo , :form:grwCiclo" ajax="true"
                                                style="background:#043f52;color:white;float: right;"
                                                actionListener="#{cicloController.terminarCiclo}"
                                                onclick="vdlgTerminarCiclo.hide()"/>

                                </p:column>
                                <p:column >  
                                    <p:commandButton id="btnTerminarNo" value="No"
                                                style="background:#043f52;color:white;"
                                                update=":form:dtbCiclo " ajax="true"
                                                onclick="vdlgTerminarCiclo.hide()"/>                             
                                </p:column>
                            </p:row>
                        </p:panelGrid>     
                    </p:dialog>
                </h:form>
                <h:form id="formCrearCiclo" >          
                    <p:dialog id="dlgCrearCiclo" header="Registro de Ciclo"  
                       widgetVar="vdlgCrearCiclo" resizable="false" 
                       position="center" width="370" modal="true" style="position:absolute;"
                       showEffect="fade" hideEffect="fold" >                          
                        <h:panelGrid columns="3" id="pnlRegistrar" 
                                     style="width: 100%">
                            <h:outputLabel value="Nombre" />
                            <h:outputLabel value=":" />                                
                            <p:inputText id="txtNombre" 
                               value="#{cicloController.ciclo.VNombre}"/> 
                            
                            <h:outputLabel value="Facultad" styleClass="colum"/>
                            <h:outputLabel value=":"  styleClass="colum"/>
                            <p:selectOneMenu id="smnFacultad" effect="fold"
                                value="#{cicloController.NFctId}" required="true" >
                                <f:selectItem itemLabel="Seleccione" itemValue="0" />    
                                <f:selectItems value="#{facultadController.itemsFacultadSelectOne}"/>                                
                            </p:selectOneMenu>
                                                    
                            <h:outputLabel value="Fecha Inicial" />
                            <h:outputLabel value=":" />                                
                            <p:calendar id="dtFchInicio"  
                                        value="#{cicloController.ciclo.dtFchIni}"/> 
                            
                            <h:outputLabel value="Fecha Final" />
                            <h:outputLabel value=":" />                                
                            <p:calendar id="dtFchFinal" 
                                        value="#{cicloController.ciclo.dtFchFin}"/> 
                            
                            <h:outputLabel value="Estado" />
                            <h:outputLabel value=":" />
                            
                            <p:selectOneMenu id="cbxEstado" effect="fade"
                                             value="#{cicloController.ciclo.VEstado}">
                                <f:selectItem itemLabel="Seleccione" 
                                              itemValue="" />  
                                <f:selectItem itemLabel="Por iniciar" 
                                              itemValue="1" />  
                                <f:selectItem itemLabel="Iniciado" 
                                              itemValue="2" />  
                            </p:selectOneMenu>
                                                
                            <p:spacer  height="10"/>
                            <p:spacer  height="10"/>
                            <p:spacer  height="10"/>
                            <h:outputLabel />
                            <h:outputLabel />
                            <p:commandButton  id="btnGrabarCiclo" value="Grabar" 
                            title="Grabar" ajax="true"                            
                            update=":form:dtbCiclo, :form:grwCiclo"
                            actionListener="#{cicloController.grabarCiclo}"
                            style="background:#043f52;color:white;float:right;"
                            onclick="vdlgCrearCiclo.hide()"> 
                            </p:commandButton>    
                        </h:panelGrid>                                               
                    </p:dialog>
                </h:form>        
            </ui:define>    
        </ui:composition>                    
    </h:body>    
</html>
